<!doctype html>
<html lang="en">	
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>07-css样式（Font+Text）+特殊符号</title>
		<style>
			*{margin:0;padding:0;}
			a{text-decoration:none;}
			ul,li{list-style:none;}
			body{font-size:12px;font-family:"微软雅黑";background-color:#ccc;}
			#box{width:400px;height:600px;background-color:#fff;margin:0 auto;}
			#box .ulbox .libox{width:215px;border:1px solid #ccc;margin:0 auto;margin-bottom:10px;}
			#box .ulbox .libox .ulbox2 li{margin:7px;}
			#box .ulbox .libox .ulbox2 li .li-p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;}
			#box .ulbox .libox .ulbox2 li .li-p2{color:#9a9191;}
			#box .ulbox .libox .ulbox2 li .li-p2 span{color:#f90a0a;}
			#box .ulbox .libox .ulbox2 li  span{color:#9a9191;}
			#box .ulbox .libox .ulbox2 .li-5 span{color:red;letter-spacing::inherit;}
		</style>
	</head>
	<body>
		
		
		<div id="box">
			<ul class="ulbox">
				<li class="libox">
					<ul class="ulbox2">
						<li>
							<img src="../images/pic1.jpg" width="200" alt="pic1" title="pic1"/>
						</li>
						<li>
							<p class="li-p">动画便利店X果壳网 <西门子洗碗机>123456789</p>
						</li>
						<li>
							<p class="li-p2"><span>原创作品</span> - 影视 - Motion Graphic</p>
						</li>
						<li>
							<span>3小时上传</span>
						</li>
						<li class="li-5">
							<span>1284</span>&nbsp;&nbsp;人气/<span>11</span>&nbsp;&nbsp;评论/<span>47</span>&nbsp;&nbsp;推荐
						</li>
						<li>
							<img src="../images/play.png" />
						</li>
					</ul>
				</li>
				<li class="libox">
					<ul class="ulbox2">
						<li>
							<img src="../images/pic2.jpg" width="200" alt="pic1" title="pic1"/>
						</li>
						<li>
							<p class="li-p">动画便利店X果壳网 <西门子洗碗机>123456789</p>
						</li>
						<li>
							<p class="li-p2"><span>原创作品</span> - 影视 - Motion Graphic</p>
						</li>
						<li>
							<span>3小时上传</span>
						</li>
						<li class="li-5">
							<span>1284</span>&nbsp;&nbsp;人气/<span>11</span>&nbsp;&nbsp;评论/<span>47</span>&nbsp;&nbsp;推荐
						</li>
						<li>
							<img src="../images/play.png" />
						</li>
					</ul>
				</li>
			</ul>
		</div>
		
		
	</body>
</html>
